document.writeln("");
document.writeln("<!DOCTYPE html>");
document.writeln("<html lang=\'en\'>");
document.writeln("<head>");
document.writeln("    <meta charset=\'UTF-8\'>");
document.writeln("    <title>Title</title>");
document.writeln("</head>");
document.writeln("<body>");
document.writeln("<style>");
document.writeln("    .box{");
document.writeln("        width:120px;");
document.writeln("        height:42px;");
document.writeln("        line-height: 42px;");
document.writeln("        position: relative;");
document.writeln("        top: 42px;");
document.writeln("        left: -121px;");
document.writeln("    }");
document.writeln("    .zb,.md{");
document.writeln("        width:120px;");
document.writeln("        height:42px;");
document.writeln("        line-height: 42px;");
document.writeln("        border:1px solid #4fbdba;");
document.writeln("    }");
document.writeln("");
document.writeln("    .hide{");
document.writeln("        display: none");
document.writeln("    }");
document.writeln("    .bg{");
document.writeln("        position: absolute;");
document.writeln("        right: 4px;");
document.writeln("        height:10px;");
document.writeln("        width:10px;");
document.writeln("        margin-top: 15%;");
document.writeln("    }");
document.writeln("");
document.writeln("</style>");
document.writeln("");
document.writeln("<div>");
document.writeln("    <div class=\'box\'>");
document.writeln("        <img src=\'../images/xiala.png\' class=\'bg\'>");
document.writeln("        <div class=\'zb\'>周边游包车</div>");
document.writeln("        <div class=\'md hide\'>目的地包车</div>");
document.writeln("");
document.writeln("    </div>");
document.writeln("</div>");
document.writeln("");
document.writeln("</body>");
document.writeln("<script src=\'../../jquery/jquery-1.8.3.min.js\'></script>");
document.writeln("<script>");
document.writeln("    $(\'.box\').mouseenter(function(){");
document.writeln("        $(\'.md\').removeClass(\'hide\');");
document.writeln("        $(\'.bg\').attr(\'src\',\'../images/up.png\')");
document.writeln("    });");
document.writeln("    $(\'.box\').mouseleave(function(){");
document.writeln("        $(\'.md\').addClass(\'hide\');");
document.writeln("        $(\'.bg\').attr(\'src\',\'../images/xiala.png\')");
document.writeln("    });");
document.writeln("    $(\'.md\').click(function(){");
document.writeln("//        alert($(this).text())");
document.writeln("        var sec=$(this).text();");
document.writeln("        var sec2=$(\'.zb\').text();");
document.writeln("        $(this).text(sec2);");
document.writeln("        $(\'.zb\').text(sec);");
document.writeln("        $(\'.md\').addClass(\'hide\');");
document.writeln("        $(\'.bg\').attr(\'src\',\'../images/xiala.png\')");
document.writeln("");
document.writeln("");
document.writeln("    })");
document.writeln("");
document.writeln("</script>");
document.writeln("</html>");